<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/login.css"/>
    <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/login.js" type="text/javascript" charset="utf-8"></script>
    <script src="layer/layer.js" type="text/javascript" charset="utf-8"></script>
    <title>登录页</title>
</head>
<body>
      <div class="head">
         <div class="top">
            <div class="top-main">
                <div class="left">
                    <span>欢迎光临欧瑞诗</span>
                    <i></i>
                    <a href="login.html">登录</a>
                    <a href="rejest.html">注册</a>
                </div>
                <div class="right">
                	<div class="order-list">
                		<a class="link" href="">我的订单</a>
                		<i></i>
	                    <ul>
	                    	<li><a href="">已购买的物品</a></li>
	                    	<li><a href="">我的订单</a></li>
	                    	<li><a href="">已支付完成</a></li>
	                    </ul>
                	</div>
                	<div class="uesr-list">
                		<a class="link" href="">我的欧瑞诗<img src="img/down.png" alt=""/></a>
  						<i></i>
	                    <ul>
	                    	<li><a href="">个人资料查看</a></li>
	                    	<li><a href="">个人资料修改</a></li>
	                    	<li><a href="">管理收货地址</a></li>
	                    </ul>
                	</div>
                	<div class="vip-list">
                		<a class="link" href="">欧瑞诗会员<img src="img/down.png" alt=""/></a>
	                    <ul>
	                    	<li><a href="">成为会员</a></li>
	                    	<li><a href="">会员优惠</a></li>
	                    	<li><a href="">会员专区</a></li>
	                    </ul>
                	</div>    
                </div>
            </div>
        </div>
          <div class="bottom">
              <div class="logo">
                  <div class="logo-left">
                      <a href="index.html">
                          <img src="img/logo.png" alt=""/>
                          <span>欧瑞诗</span>
                      </a>
                  </div>
                  <div class="logo-right">
                      <a href="index.html">
                          <img src="img/home.png" alt=""/>
                          <span>返回首页</span>
                      </a>
                  </div>
              </div>
          </div>
      </div>
      <div class="main">
          <div class="main-text">
              <div class="login">
                  <div class="title">
                      <a class=" fl" href="">欧瑞诗会员</a>
                      <a class=" fr" href="">新用户注册</a>
                  </div>
                  <form>
                      <div class="contact">
                          <img class="pct" src="img/contact.png" alt=""/>
                          <input class="user text" type="text" value=""/>
                          <span>邮箱/用户名/已验证手机</span>
                      </div>
                      <div class="name">
                          <img class="pct" src="img/name.png" alt=""/>
                          <input class="pwd text" type="password" value=""/>
                          <span>密码</span>
                      </div>
                      <div class="code">
                         <span>验证码</span>
                          <input type="text"/>
                          <img src="img/code.png" alt=""/>
                          <a href="">看不清，换一张</a>
                      </div>
                      <input type="checkbox" name="auto" id="autologin"/>
                      <label for="autologin">自动登录</label>
                      <a href="" class="forget">忘记密码</a>
                      <button>登录</button>
                  </form>
              </div>
          </div>
      </div>
      <div class="foot">
          <div class="foot-top">
              <div class="foot-text">
                  <ul>
                      <li>
                          <a href="">
                              <img src="img/newprd.png" alt=""/>
                              <span>每日更新</span>
                          </a>
                      </li>
                      <li>
                          <a href="">
                              <img src="img/qualication.png" alt=""/>
                              <span>正品保障</span>
                          </a>
                      </li>
                      <li>
                          <a href="">
                              <img src="img/quick.png" alt=""/>
                              <span>闪电发货</span>
                          </a>
                      </li>
                      <li>
                          <a href="">
                              <img src="img/pay.png" alt=""/>
                              <span>货到付款</span>
                          </a>
                      </li>
                      <li>
                          <a href="">
                              <img src="img/retreat.png" alt=""/>
                              <span>七天退换</span>
                          </a>
                      </li>
                  </ul>
              </div>
          </div>
          <div class="foot-bottom">
              <div class="bottom-main">
                  <div class="foot-left">
                      <div class="list">
                          <ul>
                              <li>
                                  <a class="title" href="">使用帮助</a>
                              </li>
                              <li>
                                  <a href="">新用户注册</a>
                              </li>
                              <li>
                                  <a href="">找回密码</a>
                              </li>
                              <li>
                                  <a href="">会员权益</a>
                              </li>
                              <li>
                                  <a href="">常见问题</a>
                              </li>
                          </ul>
                          <i></i>
                      </div>
                      <div class="list">
                          <ul>
                              <li>
                                  <a class="title" href="">购物指南</a>
                              </li>
                              <li>
                                  <a href="">正品货源采购</a>
                              </li>
                              <li>
                                  <a href="">优惠券</a>
                              </li>
                              <li>
                                  <a href="">积分计划</a>
                              </li>
                          </ul>
                          <i></i>
                      </div>
                      <div class="list">
                          <ul>
                              <li>
                                  <a class="title" href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">支付方式</a>
                              </li>
                              <li>
                                  <a href="">货到付款</a>
                              </li>
                              <li>
                                  <a href="">余额支付</a>
                              </li>
                          </ul>
                          <i></i>
                      </div>
                      <div class="list">
                          <ul>
                              <li>
                                  <a class="title" href="">配送方式</a>
                              </li>
                              <li>
                                  <a href="">配送范围</a>
                              </li>
                              <li>
                                  <a href="">配送信息跟踪</a>
                              </li>
                          </ul>
                          <i></i>
                      </div>
                      <div class="list">
                          <ul>
                              <li>
                                  <a class="title" href="">售后服务</a>
                              </li>
                              <li>
                                  <a href="">正品承诺</a>
                              </li>
                              <li>
                                  <a href="">退款说明</a>
                              </li>
                              <li>
                                  <a href="">自助办理退换货</a>
                              </li>
                          </ul>
                      </div>
                  </div>
                  <div class="foot-right">
                      <p>ORIKS</p>
                      <img src="img/QR-Code.png" alt=""/>
                      <p>微信扫一扫码</p>
                      <p>获取更多优惠</p>
                  </div>
              </div>
              <p class="copyright">©2017&nbsp;欧瑞诗水晶网&nbsp;版权所留</p>
          </div>
      </div>
</body>
</html>